<template>
	<view class="content">
		<view class="logoImage">
			<image class="logo" :src="$getImageSrc('logo.png')" mode="widthFix"></image> 
			<!-- <image class="name" :src="$getImageSrc('img.png')" mode="widthFix"></image> -->
		</view>
		<!-- <upload-image tip='左面'></upload-image> -->
		<button class="footerBtn"  open-type="getUserInfo" type="primary"  @getuserinfo="getUserInfo" >{{btnTip}}</button>
	</view>
</template>

<script>
	import {bindAppid} from '@/untils/api.js'
	import configs from '@/untils/configs.js'
	export default {
		data() {
			return {
				btnTip:'微信授权登录'
			};
		},
		methods:{
			 // 获取用户信息
					      getUserInfo(e) {
							  
					        if (e.mp.detail.userInfo) {
					          this.userInfo = e.mp.detail.userInfo;
					          this.hasUserInfo = true;
					          this.login();
					        } else {
					          uni.showModal({
					            title: '警告',
					            content: '您点击了拒绝授权，将无法进入小程序，请授权之后再进入!',
					            showCancel: false,
					            confirmText: '返回授权',
					            success: function(res) {
					              if (res.confirm) {
					                console.log('用户点击了“返回授权”');
					              }
					            }
					          });
					        }
					      },
					      // 登录并获取用户信息
					      login() {
							  uni.getProvider({
								  service:'oauth',
								  success: (res) => {
								  	console.log(res)
									uni.login({
										provider: res.provider[0],
										success: (loginRes) => {
											// console.log('--------', loginRes)
											let params = {
												appid:configs.APPID,
												code:loginRes.code
											}
											bindAppid(params).then(() => {
												// if(res.code - 200 === 0){
													uni.reLaunch({
														url:'/pages/awaitOrder/index'
													  })
												// }
											})
										}
									})
								  }
							  })
					   //      uni.login({
					   //        provider: 'weixin',
					   //        success: (loginRes) => {
					   //          // 登录成功，获取用户code
					   //          const { code } = loginRes;
								// console.log('---------login',loginRes)
								// uni.getUserInfo({
								// 	 desc: '获取您的位置，头像，昵称；用于完善用户资料信息', 
								// 	success:(userInfo) => {
								// 		console.log('getUserProfile',userInfo)
								// 		const {rawData, signature, encryptedData, iv} = userInfo
								// 		let params = {
								// 			appid:configs.APPID,
								// 			code,rawData, signature, encryptedData, iv
								// 		}
								// 		console.log(wxlogin)
								// 		// bindAppid(params).then((res) => {
								// 		// 	console.log('-------------res', res)
								// 		// })
								// 	}
								// })
								// // uni.getLocation({
								// // 	type: 'wgs84',
								// // 	success: function (res) {
								// // 		console.log('当前位置的经度：' + res.longitude);
								// // 		console.log('当前位置的纬度：' + res.latitude);
								// // 	}
								// // });
					   //          // 发送code到后台换取openId, sessionKey, unionId
					   //        },
					   //        fail: (err) => {
					   //          console.log('uni.login 接口调用失败，将无法正常使用开放接口等服务', err);
					   //          uni.showToast({
					   //            title: '登录失败',
					   //            icon: 'none'
					   //          });
					   //        }
					   //      });
					      },
		}
	}
</script>

<style lang="scss">
  .content{
	  overflow: hidden;
	  height: 100%;
	  background-color: #fff;
	  .logoImage{
		  text-align: center;
		  display: flex;
		  flex-direction: column;
		  justify-content: center;
		  align-items: center;
		  overflow: hidden;
		  .logo{
			  width: 200rpx;
			  margin: 180rpx auto 40rpx;
		  }
		  .name{
			  width: 240rpx;
		  }
	  }
	  .footerBtn{
	  	 position: fixed;
	  	 bottom: 400rpx;
	  	 width: 90%;
	  	 left: 5%;
	  	 background: linear-gradient( 225deg, #8AF3B3 0%, #02B1AA 100%);
	  	 box-shadow: 0rpx 0rpx 24rpx 2rpx rgba(2,177,170,0.3);
	  	 border-radius: 16rpx 16rpx 16rpx 16rpx;
	  	 font-size: 36rpx;
	  	 color: #fff;
	  	 height: 88rpx;
	  	 line-height: 88rpx;
	  }
  }
</style>
